.dashboard-light-panel.status_0{
    /*加工*/
    /* color: #4f74b9; */
    background: #68bd84;
}
.dashboard-light-panel.status_1{
    /*閒置*/
    /* color: #68bd84; */
    background: #f6cf5a;
}
.dashboard-light-panel.status_2{
    /*故障*/
    background: #db4b3c;
}
.dashboard-light-panel.status_3{
    /*保養*/
    background: #e67432;
}
.dashboard-light-panel.status_4{
    /* color: #8b4513; */
    /*關機*/
    background: #666666;
}
.dashboard-light-panel.status_5{
    /*暫停*/
    background: #ba55d3;
}
.dashboard-light-panel.status_6{
    /*維修*/
    /* color: #f6cf5a; */
    background: #4f74b9;
}
.dashboard-light-panel.status_7{
    /*設置*/
    background: #ff69b4;
}
.B0201-content .kmi-layout-main-content{
    overflow: hidden;
    background : linear-gradient(to right, #f7f7f7 50%,rgba(255, 255, 255, 0.51) 100%);
}
.B0201-content .kmi-header-row.disconection{
    background: #db4b3c;
}
.B0201-content .kmi-header-row .kmi-side-btn.header-refresh{
    right: 148px;
    display: none;
}
.B0201-content .kmi-header-row.disconection .kmi-side-btn{
    display: none;
}
.B0201-content .kmi-header-row.disconection .kmi-side-btn.left{
    display: inherit;
}
.B0201-content .kmi-header-row.disconection .kmi-side-btn.header-refresh{
    display: inherit;
}
.B0201-content .kmi-layout-page{
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*height: 100%;*/
    padding: 12px 6px 6px;
}
.B0201-content .kmi-layout-page.query{
    height:100%;
    opacity:1;
    transition: opacity .2s ease-in-out;
    padding: 16px 64px 16px 16px;
}
.B0201-content .kmi-layout-page.query.ng-hide{
    opacity:0;
}
.B0201-content .kmi-layout-page.list{
    transition: all .4s ease-in-out;
    transition-delay: .1s;
    opacity: 1;
    transform: translate3d(0px, 0px, 0);
    height: 100%;
    padding-top: 8px;
}
.B0201-content .kmi-layout-page.list.ng-hide{
    transform: translate3d(0px, 150px, 0);
    opacity: 0;
}
.B0201-content .kmi-layout-footer{
    transition: opacity .2s ease-in-out;
    transition-delay: .3s;
    opacity: 1;
}
.B0201-content .kmi-layout-footer.ng-hide{
    transition-delay: 0s;
    opacity: 0;
}
.B0201-content .machine-content{
    display: flex;
    flex: 1;
    height: calc(100% - 39px);
    overflow: hidden;
}
.B0201-content .shift{
    background-color: #d4d3d3;
    margin-left: 15px;
    border-radius: 50%;
    border: 3px solid white;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    position: relative;
}

.B0201-content .left-page,
.B0201-content .center-page,
.B0201-content .right-page
{
    height: 100%;
    flex: 1;
    padding: 0px 6px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    transition: all ease-in-out .25s;
    opacity: 1;
}
.B0201-content .left-page.is-closed,
.B0201-content .right-page.is-closed{
    flex: 0;
    padding: 0;
    opacity: 0;
}
.dialog-background.B0201 .mdl-button--fab.mdl-button--custom1.B0229{
    background: #db4b3c;
}
/****Section*****************************************************************/
.B0201-content .section{
    background-color: rgb(255, 255, 255);
    border-radius: 6px;
    border: 0.5px solid #cccccc;
    margin: 6px 0px;
    flex: 1 1 100%;
    height:100%;
    display: flex;
    flex-direction: column;
    position:relative;
    transition:all ease-in-out .25s;
    -webkit-transition:all ease-in-out .25s;
}
.B0201-content .section.ng-enter,
.B0201-content .section.ng-leave{
    transition:all ease-in-out 0s;
}
.B0201-content .section.is-closed{
    flex: 0 0 44px;
    overflow: hidden;
}
.B0201-content .section .section-title{
    flex: 0;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    flex: 0 0 44px;
    box-sizing: border-box;
}
.B0201-content .section .section-content{
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.B0201-content .section.is-closed .section-content{
    display: none;
}
.section .dashboard-fields{
    margin-bottom: 12px;
    position: relative;
}
.B0201-content .menu-bar{
    display: flex;
    background-color: #ffffff;
    border-radius: 6px;
    /*box-shadow: 0 2px 10px 0 rgba(0,0,0,.14), -1px -2px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);*/
    margin: 6px 6px;
    border: 1px solid #cccccc;
    flex:0 0 40px;
}
.B0201-content .kmi-menu-tile{
    height: initial;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 0px;
    background: #ececec;
    padding:8px;
    margin: 5px;
}
.B0201-content .kmi-menu-tile:hover {
    background: #ffffff;
}

.B0201-content .section.dashboard_info{
    margin: 6px;
    flex: 0 0 108px;
}
.B0201-content .section.dashboard_info.is-closed{
    margin-top: 0;
    flex:0;
}
.B0201-content .section.dashboard_info .section-content{
    flex-direction: row;
}
.B0201-content .kmi-text-fields.line-info .close-btn{
    width: 32px;
    height: 32px;
    padding-top:4px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}
.B0201-content .kmi-text-fields.line-info .close-btn{
    display: none;
}
.B0201-content .kmi-text-fields.line-info .close-btn.is-closed{
    display: initial;
}
.B0201-content .kmi-text-fields.line-info input{
    flex: 0.8;
}
.B0201-content .kmi-text-fields.line-info .dashboard-light-panel{
    margin: 0 auto 0 0;
    line-height: initial;
}
.B0201-content .kmi-text-fields.line-info .shift-time{
    margin-left: 20px;
    white-space: nowrap;
}
.B0201-content .kmi-side-btn.right{
    right: 148px;
}
.mode-side .B0201-content .kmi-header-row{
    padding-left: 0px;
}
/* 安燈按鈕模塊 */
.B0201-content .section.user-content.slightModuleCss {
    flex: 0 0 65px!important;
}
.B0201-content .section.user-content.slightModuleCss.is-closed{
    flex: 0 0 32px!important;
    overflow: hidden;
}
.B0201-content .section.slightModuleInfo.is-closed {
    flex: 0 0 44px!important;
}
.B0201-content .section.slightModuleInfo.is-closed .section-title {
    border-bottom: 0px!important;
}
.B0201-content .section.slightModuleInfo{
    margin: 6px;
}
.B0201-content .section.slightModuleInfo .kmi-text-fields.andon-time {
    margin: 0 8px 0 0;
}

.B0201-content .section.productInfo .section-content .mdd-layout {
    grid-row-gap: 2px!important;
    padding: 5px!important;
}
/* 20200521 add by Oliver for 安燈遮字問題*/
@media (max-width:1030px) {
    .B0201-content .kmi-header-row.aside-left{
        justify-content: flex-start;
    }
    .B0201-content .andom-content.exist{
        position: relative;
        top: -2.5px;
        margin-right: 5px;
    }
}

@media (max-width:910px) {
    .B0201-content .header-logo .logo-none{
        display: none;
    }
    .B0201-content .kmi-side-btn.right{
        right: 12px;
    }
}
